<template>
    <div>
        <header>
            <!-- 具名插槽，给插槽命名 -->
            <slot name="header" />
        </header>
        <main>
            <slot name="main" />
        </main>
        <footer>
            <!-- 插槽不命名的时候默认为default -->
            <slot name="default" />
        </footer>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>

</style>